<!-- product 产品页 -->
<template>
  <div class="page">

    <!-- 前台页面 header 组件 -->
    <walletHeader></walletHeader>

    <!-- BlockWatch -->
    <ProductTitle></ProductTitle>

    <!-- 多币种、多地址，轻松管理 -->
    <ProductMoreCryptocurrency></ProductMoreCryptocurrency>

    <!-- 智能审核，高效放币 -->
    <ProductSystemAutomatically></ProductSystemAutomatically>

    <!-- 简洁易用，轻松上手 -->
    <ProductEasyToUse></ProductEasyToUse>

    <!-- 安全风控体系，锁定资产 -->
    <ProductSecurityRisk></ProductSecurityRisk>

    <!-- 前台页面 footer 组件 -->
    <walletFooter></walletFooter>

  </div>
</template>

<script setup>

// 导入前台页面 header 组件
import walletHeader from '@/components/common/walletHeader.vue';
// 导入产品页 标题组件
import ProductTitle from '@/components/pages/product/ProductTitle.vue';
// 导入产品页 多币种组件
import ProductMoreCryptocurrency from '@/components/pages/product/ProductMoreCryptocurrency.vue';
// 导入产品页 智能审核组件
import ProductSystemAutomatically from '@/components/pages/product/ProductSystemAutomatically.vue';
// 导入产品页 简洁易用组件
import ProductEasyToUse from '@/components/pages/product/ProductEasyToUse.vue';
// 导入产品页 安全风控体系组件
import ProductSecurityRisk from '@/components/pages/product/ProductSecurityRisk.vue';
// 导入前台页面 footer 组件
import walletFooter from '@/components/common/walletFooter.vue';

</script>

<style lang="less" scoped>
@media (max-width: 600px) {
  .page {
    width: 90%;
    margin: 0 auto;
  }
}
</style>
